
#components-layout-demo-custom-trigger .trigger {
   
    font-size: .36rem;
    line-height: 1.28rem;
    cursor: pointer;
    transition: color 0.3s;
  }
  
  #components-layout-demo-custom-trigger .trigger:hover {
    color: #1890ff;
  }
  
  #components-layout-demo-custom-trigger .logo {
    height: .64rem;
    margin: .32rem;
    background: rgba(255, 255, 255, 0.3);
  }
  
  .site-layout .site-layout-background {
    background: #fff;
    
  }
 
  .site-background{
    background: url('@/static/img/bg.jpg') no-repeat center center;
    background-size:cover;  /* 让背景图基于容器大小伸缩 */
    background-attachment:fixed;        /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */   
    background-color:#CCCCCC;   /* 设置背景颜色，背景图加载过程中会显示背景色 */

  }
  
  
  #root,body,html {
    height: 100%;
  }
  
  .ant-layout {
    width: 100%;
    height: 100%;
    max-height: 100%;
   
  }
  

.contentBox{
  color: white;
  flex: 1;
 
 
}
.footer{
  padding: 0 .4rem;
  height: 1rem;
  font-size: .3rem;
  color: rgb(99, 97, 97);
  line-height: 1rem;
  background-color: rgba(255, 255, 255, 0.5);
}